<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工信息</title>
    <!-- 老师使用css完成[体验下]，同学们也可以使用前面的方法 -->
    <style type="text/css">
        table, tr, td {
            border: 2px solid blue;
            border-collapse: collapse;
        }
        /*设置table的背景色*/
        table {
            background-color: #CCCCCC;
            /*表格中的文字居中*/
            text-align: center;
        }
    </style>
</head>
<body>
<!--
    老师分析
    1. 一共有4行6列
-->
<div align="center">
<h1>雇员薪资信息</h1>
<table border="1px" width="800">
    <tr>
        <th>第1行1列</th>
        <th>第1行2列</th>
        <th>第1行3列</th>
        <th>第1行4列</th>
        <th>第1行5列</th>
        <th>第1行6列</th>
    </tr>
    <tr>
        <td>第1行1列</td>
        <td>第1行2列</td>
        <td>第1行3列</td>
        <td>第1行4列</td>
        <td>第1行5列</td>
        <td>第1行6列</td>
    </tr>
    <tr>
        <td>第1行1列</td>
        <td>第1行2列</td>
        <td>第1行3列</td>
        <td>第1行4列</td>
        <td>第1行5列</td>
        <td>第1行6列</td>
    </tr>
    <tr>
        <td>第1行1列</td>
        <td>第1行2列</td>
        <td>第1行3列</td>
        <td>第1行4列</td>
        <td>第1行5列</td>
        <td>第1行6列</td>
    </tr>
</table>
</div>
</body>
</html>
